// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main1'));

// 指定图表的配置项和数据
var option = {
     title: {
           text: '熔古铸今队',
         
       },
       tooltip: {
           trigger: 'axis'
       },
       legend: {
           data: ['课前', '课中']
       },
       toolbox: {
           show: true,
           feature: {
               dataView: {show: true, readOnly: false},
               magicType: {show: true, type: ['line', 'bar']},
               restore: {show: true},
               saveAsImage: {show: true}
           }
       },
       calculable: true,
       xAxis: [
           {
               type: 'category',
               data: ['课前准备', '理论知识', '创新价值', '综合素质']
           }
       ],
       yAxis: [
           {
               type: 'value'
           }
       ],
       series: [
           {
               name: '课前',
              type: 'line',
               data: [23.5, 23.2, 23.4, 20.3],label: {
                           show: true,
                           position: 'top'
                       },
              
           },
            
           {
               name: '课中',
              type: 'line',
               data: [23.4, 24.4, 24.2, 23.8],
               label: {
                              show: true,
                              position: 'top'
                          },
           }, 
       ]
    
   };


// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main2'));

// 指定图表的配置项和数据
var option = {
    title: {
          text: '冲鸭模具队',
        
      },
      tooltip: {
          trigger: 'axis'
      },
      legend: {
          data: ['课前', '课中']
      },
      toolbox: {
          show: true,
          feature: {
              dataView: {show: true, readOnly: false},
              magicType: {show: true, type: ['line', 'bar']},
              restore: {show: true},
              saveAsImage: {show: true}
          }
      },
      calculable: true,
      xAxis: [
          {
              type: 'category',
              data: ['课前准备', '理论知识', '创新价值', '综合素质']
          }
      ],
      yAxis: [
          {
              type: 'value'
          }
      ],
      series: [
          {
              name: '课前',
             type: 'line',
              data: [21.3,23.1,23.5,21.1],
              label: {
                          show: true,
                          position: 'top'
                      },
             
          },
           
          {
              name: '课中',
             type: 'line',
              data: [21.4, 24.3, 24.4,24.5],
              label: {
                             show: true,
                             position: 'top'
                         },
          }, 
      ]
   
  };


// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);


// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main3'));

// 指定图表的配置项和数据
var option = {
           title: {
                 text: '智慧铁臂队',
               
             },
             tooltip: {
                 trigger: 'axis'
             },
             legend: {
                 data: ['课前', '课中']
             },
             toolbox: {
                 show: true,
                 feature: {
                     dataView: {show: true, readOnly: false},
                     magicType: {show: true, type: ['line', 'bar']},
                     restore: {show: true},
                     saveAsImage: {show: true}
                 }
             },
             calculable: true,
             xAxis: [
                 {
                     type: 'category',
                     data: ['课前准备', '理论知识', '创新价值', '综合素质']
                 }
             ],
             yAxis: [
                 {
                     type: 'value'
                 }
             ],
             series: [
                 {
                     name: '课前',
                    type: 'line',
                     data: [21.5, 20.3, 20.3,22.3],label: {
                                 show: true,
                                 position: 'top'
                             },
                    
                 },
                  
                 {
                     name: '课中',
                    type: 'line',
                     data: [21.4, 22.1, 24.5,23.4],
                     label: {
                                    show: true,
                                    position: 'top'
                                },
                 }, 
             ]
          
         };


// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

 // 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main4'));

// 指定图表的配置项和数据
var option = {
           title: {
                 text: '钢铁医生队',
               
             },
             tooltip: {
                 trigger: 'axis'
             },
             legend: {
                 data: ['课前', '课中']
             },
             toolbox: {
                 show: true,
                 feature: {
                     dataView: {show: true, readOnly: false},
                     magicType: {show: true, type: ['line', 'bar']},
                     restore: {show: true},
                     saveAsImage: {show: true}
                 }
             },
             calculable: true,
             xAxis: [
                 {
                     type: 'category',
                     data: ['课前准备', '理论知识', '创新价值', '综合素质']
                 }
             ],
             yAxis: [
                 {
                     type: 'value'
                 }
             ],
             series: [
                 {
                     name: '课前',
                    type: 'line',
                     data: [22.3, 20.4, 21.4,22.4]
                     ,label: {
                                 show: true,
                                 position: 'top'
                             },
                    
                 },
                  
                 {
                     name: '课中',
                    type: 'line',
                     data: [22.4, 22.5, 24.3,23.6],
                     label: {
                                    show: true,
                                    position: 'top'
                                },
                 }, 
             ]
          
         };
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);